@import "../../../css/global";
$margin:0.6rem;
$input-height:0.96rem;
$input-font-size:0.26rem;
$input-color:#666666;
$input-border: solid 0.02rem #F0F0F0;
.logo {
  height: 3.26rem;
  padding: 0.74rem $margin 0 $margin;
  background: $red;
  img {
    width: 0.76rem;
    height: 0.76rem;
    margin-right: .16rem;
  }
  span {
    font-size: 0.56rem;
    &:nth-child(2) {
      font-weight: bolder;
    }
    &:nth-child(3) {
      font-weight: lighter;
    }
  }

  .nav {
    height: 0.74rem;
    color: $white;
    font-size: $input-font-size;
    div{
      width:2rem;
      height: 0.32rem;
      padding:0 0.20rem 0.20rem 0.20rem;
      font-size: 0.32rem;
      font-weight: lighter;
      &.active{
        border-bottom:0.04rem solid $white;
        font-weight: bolder;
      }
    }
  }
}

.form {
  background: white;
  padding:0 $margin;
  .telephone {
    width:100%;
    input {
      width:100%;
      height:$input-height;
      font-size: $input-font-size;
      color:$input-color;
      border-bottom:$input-border;
    }

  }
  .code{
    margin-top:.48rem;
    border-bottom:$input-border;
    input {
      width:100%;
      height:$input-height;
      font-size: $input-font-size;
      color:$input-color;
    }
    .line{
      width:.02rem;
      height:.24rem;
      background:rgba(240,240,240,1);
    }
    .send{
      width:1.30rem;
      min-height:.36rem;
      margin:0 .2rem 0 .4rem;
      font-size:.26rem;
      color:rgba(250,48,45,1);
      line-height:.36rem;
    }
  }
  .register {
    width:6.30rem;
    height:0.88rem;
    margin:1.56rem 0;
    background:$red;
    border-radius: 0.44rem ;
    font-size:0.34rem;
    color:rgba(255,255,255,1);
    line-height:0.34rem;
  }
}